﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Top 10 Express Table Designs - Smashing Magazine Source</title>
<style type="text/css"></style>
<link type="text/css" rel="stylesheet" href="GetFile.aspx?File=/Keeper.Garrett.Formatters/Tables/TableStyle.css"></link>
</head>
<body>
<table id="hor-minimalist-a" summary="Employee Pay Sheet">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">hor-minimalist-a</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>

<table id="hor-minimalist-b" summary="Employee Pay Sheet">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">hor-minimalist-b</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


<table id="ver-minimalist" summary="Most Favorite Movies">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">ver-minimalist</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>

<table id="box-table-a" summary="Employee Pay Sheet">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">box-table-a</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


<table id="box-table-b" summary="Most Favorit Movies">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">box-table-b</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


<table id="hor-zebra" summary="Employee Pay Sheet">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">hor-zebra</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


<table id="ver-zebra-a" summary="Most Favorite Movies">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">ver-zebra-a</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>

<table id="ver-zebra-b" summary="Most Favorite Movies">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">ver-zebra-b</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


<table id="rounded-corner" summary="2007 Major IT Companies' Profit">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">rounded-corner</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>

<table id="background-image" summary="Meeting Results">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">background-image</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


<table id="gradient-style" summary="Meeting Results">
	<colgroup>
		<col class="col-odd" />
		<col class="col-even" />
		<col class="col-odd" />
	</colgroup>

	<thead>
		<tr>
			<td colspan="3" class="heading">gradient-style</td>
		</tr>
		<tr>
			<th scope="col" class="first-head">Head1</th>
			<th scope="col" class="standard-head">Head2</th>
			<th scope="col" class="last-head">Head3</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<td colspan="2" class="first-foot">My Footer</td>
			<td class="last-foot"/>
		</tr>
	</tfoot>

	<tbody>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-even">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
		<tr class="row-odd">
			<td>Col1</td>
			<td>Col2</td>
			<td>Col3</td>
		</tr>
	</tbody>
</table>


</body>
</html>